<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<canvas id="canvas">
  你的浏览器不支持canvasr
</canvas>
  <nav id="nav">
    <ul>
      <li class="active">Parallax</li>
      <li>Agravic</li>
      <li>Gravity</li>
      <li>Follow</li>
    </ul>
  </nav>
  <div class="main">
    <section class="page1">
    </section>
    <section class="page2">
    </section>
    <section class="page3">
    </section>
    <section class="page4">
    </section>
  </div>
<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="js/jquery.onepage-scroll.min.js"></script>
<script type="text/javascript" src="js/myCanvas.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
